﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>To Do List</title>
    <link href="Content/bootstrap.min.css" rel="stylesheet" />
    <link href="CSSmain.css" rel="stylesheet" />
</head>
<body>
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <h1 class="col-xs-5">To Do List:</h1>
                <br />
                <button type="button" id="clearFinished" class="btn btn-danger col-xs-2">Clear Finished</button>
                <button type="button" id="moveFinishedToBot" class="btn btn-warning col-xs-3">Move Finished To Bottom</button>
                <a id="modal-473661" href="#modal-container-473661" role="button" class="btn btn-primary col-xs-2" data-toggle="modal">Add Task</a>
                <div class="modal fade" id="modal-container-473661" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                <h4 class="modal-title" id="myModalLabel">
                                    Add New Task
                                </h4>
                            </div>
                            <div class="modal-body">
                                <input type="text" class="col-xs-10" id="enteredTask" placeholder="Enter New Task" />
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                <button type="button" class="btn btn-primary" data-dismiss="modal" id="addTaskButton">Add Task</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
        </div>
    </div>

    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <ul id="addItems" class="list-group">
                </ul>
            </div>
        </div>
    </div>

    <script src="Scripts/jquery-1.9.1.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
    <script src="_script.js"></script>
</body>
</html>
